<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>子代选择器</title>
    <style>
        /*
        作用：根据 HTML 标签的嵌套关系，选择父元素 子代中 满足条件的元素
➢ 选择器语法：选择器1 > 选择器2 { css } ➢ 结果：
• 在选择器1所找到标签的子代（儿子）中，找到满足选择器2的标签，设置样式
➢ 注意点：
1. 子代只包括：儿子
2. 子代选择器中，选择器与选择器之前通过 > 隔开
        */
        div > a {
            color: red;
        }

        div > p > a {
            color: aqua;
        }
    </style>
</head>
<body>
<div>
    父级
    <a href="#">这是div里面的a</a>
    <p>
        <a href="#">这是p里面的a</a>
    </p>
</div>
</body>
</html>